<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商品列表</title>
<link rel="stylesheet" type="text/css" href="./Public/Home/css/product.css"/>
<script type="text/javascript" src="Public/uploadify/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="./Public/Home/js/style.js"></script>
<script type="text/javascript">
	$(function(){
		$('.goods_min_w li a').click(function(){
			$(this).addClass('gwm_hover').siblings().removeClass('gwm_hover');
			//span的个数,也就是多少种属性
			var spanLen = $('.goods_min_w span').length;
			//选中的元素的个数
			var aLen = $('.gwm_hover').length;
			if(aLen == spanLen){
				//得到所有选中的商品属性id,然后发异步到货品列表查询,最后获得结果
				var str = '';
				$.each($('.gwm_hover'), function() {
					str += $(this).attr('aId') + ',';
				})
				
//				$('.num_min').click(function(){	
//				//抓取购买商品数量
				var goodsNum = $('.goods_inputnum').val();
				//发异步
				$.ajax({
					type:"post",
					url:"<?php echo U('Product/getAttr')?>",
			        data:{str:str,gn:goodsNum},
					dataType:'json',
//					async : false,//设置为同步操作就可以给全局变量赋值成功 
					//服务器返回数据				
					success:function(phpData){
						console.log(phpData);
						//库存
						var inventory = '';
						//总价格
						var price = '';
						//立省价格
						var discount = '';
						//折扣
						var sale = '';
						//货号
						var lnumber = '';
						if(phpData){
							//库存
							inventory += '库存'+'<span class="invenNum">'+phpData.inventory+'</span>'+'<span class="invenHtml">'+'件'+'</span>';	
							//计算总价格(保留两位小数)
							price += (<?php echo $goodsData[0]['mallPrice']?>+phpData.price).toFixed(2);
							//立省价格
							discount += <?php echo $goodsData[0]['marketPrice']?>-price;	
							//折扣
							sale +=	'（'+((<?php echo $goodsData[0]['mallPrice']?>/price)*10).toFixed(1)+'折）';
							//货号
							lnumber += '货 &nbsp; 号： '+phpData.lnumber;						
						}else{
							inventory += '<span style="color:red">'+'*暂无此商品*'+'</span>';
							price += (<?php echo $goodsData[0]['mallPrice']?>).toFixed(2);	
							discount += <?php echo $goodsData[0]['marketPrice']-$goodsData[0]['mallPrice']?>;
							sale += '（'+<?php echo round($goodsData[0]['mallPrice']/$goodsData[0]['marketPrice']*10,1)?>+'折）';
							lnumber += ' 暂无此商品';	
						}
						$('.inventory').html(inventory);
						$('.mallPrice').html(price);
						$('.discount').html(discount);
						$('.sale').html(sale);						
						$('.lnumber').html(lnumber);										
					}						
				});	
//				});				
			}
		});
		
		//购买商品数量		
		$(".increase").click(function(){
			//抓取库存数量
			var invenNum = $('.inventory .invenNum').html();
			//只有先选规格才能选购买商品数量
			if(invenNum){
				var n = $(this).prev().val();
				var num = parseInt(n)+1;
				//购买数量必须少于等于库存数量
				if(num > invenNum){alert('库存不足！');return;}
				if(num == 0){ return;}
				$(this).prev().val(num);
			}else{
				alert('请选则商品规格');
			}																
		})
		$(".decrease").click(function(){
			//抓取库存数量
			var invenNum = $('.inventory .invenNum').html();
			//只有先选规格才能选购买商品数量
			if(invenNum){
				var n = $(this).next().val();
				var num = parseInt(n)-1;
				if(num == 0){alert('最少购买一件商品哦');return;}
				$(this).next().val(num);
			}else{
				alert('请选则商品规格');
			}										
		});	
				
		//点击加入购物车触发异步		
		$('.btn_car').click(function(){
			//span的个数,也就是多少种属性
			var spanLen = $('.goods_min_w span').length;
			//选中的元素的个数
			var aLen = $('.gwm_hover').length;
			if(aLen == spanLen){
				//得到所有选中的商品属性id,然后发异步到货品列表查询,最后获得结果
				var str = '';
				$.each($('.gwm_hover'), function() {
					str += $(this).attr('aId') + ',';
				})
				//抓取购买商品数量
				var goodsNum = $('.goods_inputnum').val();	
				//抓取商品库存
				var invenNum = $('.inventory .invenNum').html();
				//若没有库存，则不能添加购物车		
				if(invenNum){
					//发异步
					$.ajax({
						type:"post",
						url:"<?php echo U('ShopCar/add')?>",
				        data:{str:str,gn:goodsNum,gid:<?php echo $_GET['gid']?>},
						dataType:'json',
						//服务器返回数据				
						success:function(phpData){
							console.log(phpData);
							//购物车商品总数	
							$('#a').html(phpData.num);	
							$('.span_auto_content b').html(phpData.num);								
							$('.span_auto_content .totleMoney').html((phpData.goodsprice).toFixed(2));																														
						}						
					});		
				}else{
					alert('您所选的规格暂无此商品库存，请选择其他规格属性商品！');
				}											
			}
			else{
				alert('请先选择商品规格')
			}	
		});	
		
		//添加购物车成功弹出信息
		$(".btn_car").click(function(){ 
			var invenNum = $('.inventory .invenNum').html();
			//若商品有库存，则添加成功
			if(invenNum){
				$("#btn_car_cover").fadeIn(1000);
				$("#cover").css({display:"block"})
			}				
   		});
    	$(".dialog_close_btn").click(function(){ 
			$("#btn_car_cover").fadeOut(300);
			$("#cover").css({display:"none"})
   		});		
   		
		//点击直接购买触发异步		
		$('.btn_buy').click(function(){			
			//span的个数,也就是多少种属性
			var spanLen = $('.goods_min_w span').length;
			//选中的元素的个数
			var aLen = $('.gwm_hover').length;
			if(aLen == spanLen){
				//得到所有选中的商品属性id,然后发异步到货品列表查询,最后获得结果
				var str = '';
				$.each($('.gwm_hover'), function() {
					str += $(this).attr('aId') + ',';
				})
				//抓取购买商品数量
				var goodsNum = $('.goods_inputnum').val();	
				//抓取商品库存
				var invenNum = $('.inventory .invenNum').html();
				//若没有库存，则不能添加购物车		
				if(invenNum){
					//发异步
					$.ajax({
						type:"post",
						url:"<?php echo U('Product/buy')?>",
				        data:{str:str,gn:goodsNum,gid:<?php echo $_GET['gid']?>},
						dataType:'json',
						//服务器返回数据				
						success:function(phpData){
							console.log(phpData);
							//若有符合该商品规格，则跳转下订单页面
							if(phpData){																					
								location.href="<?php echo U('FillInfo/index',['cid'=>$_GET['cid']])?>";
							}
						}						
					});		
				}else{
					alert('您所选的规格暂无此商品库存，请选择其他规格属性商品！');
				}											
			}
			else{
				alert('请先选择商品规格')
			}	
		});			   
	})	
</script>
</head>
<body>	
<div id="cover"></div>	
	<!--载入公共模板-->
	

<!--header-->
<header>
	<!--顶层-->
	<div class="header_top">
		<div class="header_c">
			<ul class="h_menu">
				<li class="li_left">
											欢迎您，<a href="http://localhost/scn/scn/index.php?m=Home&c=Individual&a=index&cid=14"><span class="account">admin1</span></a> ！
						<a href="http://localhost/scn/scn/index.php?m=Home&c=Member&a=out"><span class="out">[退出]</span></a>
						
				</li>
				<li class="li_left_w">
										<p><a href="http://localhost/scn/scn/index.php?m=Home&c=Individual&a=index&cid=14">我的名鞋库</a></p>
																
					<!--<div class="show_hide">
						<a href="">我的订单</a>
						<a href="">密码管理</a>
					</div>-->
				</li>
				<!--<li>
					<p><a href="">手机名鞋库</a></p>
				</li>-->
				<!--<li>
					<span><a href="">收藏名鞋库</a></span>
				</li>-->
				<!--<li>
					<p><a href="">名鞋店客服</a></p>
				</li>-->
				<li>
					<p><a href="" style="color: #A21F25;font-size: 16px;font-weight: 700;">18303099587</a></p>
				</li>
			</ul>
		</div>
	</div>
	<!--搜索区-->
	<div class="header_center">
		<div class="logo"></div>
		<div class="sub_help">
			<div class="shop">
				<a href="http://localhost/scn/scn/index.php?m=Home&c=ShopCar&a=index&cid=14">
					<div class="shop_picture">
						购物车 
						<span id="a">2</span>
						件
					</div>
				</a>
			</div>
			<div class="search">
				<form class="search_top" action="" method="post">
					<!--********************************************************-->
					<input class="search_content" type="text" value="记得要填！！" />
					<input class="searchbtn" type="button" value="搜索" />
					
				</form>
				<!--<span>热搜：</span>
				<ul class="keyword">
					<li><a href="">后台数据遍历</a></li>
					<li><a href="">后台数据遍历</a></li>
					<li><a href="">后台数据遍历</a></li>
					
				</ul>-->
			</div>
		</div>
		
	</div>
</header>
<!--endheader-->

<!--banner-->
<nav id="nav_head">
	<div class="nav_body">						
		<div class="nav_left">
			所有商品分类
			<ul class="nav_menu">
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_0">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=14">运动休闲鞋</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>运动男鞋</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">休闲鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">运动鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">拖鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">板鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">网球鞋</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>运动女鞋</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">休闲鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">运动鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">拖鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">帆布鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">板鞋</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>搜索热词</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">2016新品</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">明星同款</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">情侣款</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">复古鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">内增高</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>热门系列</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">三叶草</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=0">阿甘鞋</a></li>
										
						</ul>
									
					</div>
				</li>
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_1">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=15">运动休闲服</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>男子运动服</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">短袖T恤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">运动短裤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">短袖POLO</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>女子运动服</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">运动短袖</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">运动短裤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">运动长裤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">运动胸衣</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>热门搜索</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=1">2016新品</a></li>
										
						</ul>
									
					</div>
				</li>
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_2">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=16">跑步</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>男子跑步</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">短袖T恤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步裤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步背心</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>女子跑步</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">短袖T恤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步裤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步背心</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=2">跑步胸衣</a></li>
										
						</ul>
									
					</div>
				</li>
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_3">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=17">篮球</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>篮球</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">2016新品</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">篮球鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">比赛服</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">高帮</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">低帮</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">NBA</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>明星系列</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">乔丹</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">中国年</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">zoom</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">科比</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">詹姆斯</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">杜兰特</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>热门品牌</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">阿迪达斯</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=3">李宁</a></li>
										
						</ul>
									
					</div>
				</li>
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_4">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=18">足球</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>足球</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=4">足球鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=4">足球服</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>系列</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=4">刺客</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=4">梅西</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>鞋钉</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=4">FG</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=4">AG</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>护腿板</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>速干衣</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
										
						</ul>
									
					</div>
				</li>
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_5">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=19">包包/配件</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>包包</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">腰包</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">单肩包</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">双肩包</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>配件</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">袜子</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">鞋带</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">护肘</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">护膝</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">护腿板</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>热门品牌</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">耐克</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">阿迪达斯</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">李宁</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=5">NEO</a></li>
										
						</ul>
									
					</div>
				</li>
								<li> 	
					<!--顶级分类	背景logo-->		
					<div class="menu_name name_logo_6">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=20">户外</a>				
					</div>		
					<div class="menu_hide">
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>户外鞋</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">徒步鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">登山鞋</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">跑步鞋</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>户外服</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">卫衣</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">T恤</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">冲锋衣</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">风衣</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">冲锋裤</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>户外配件</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">双肩包</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">单肩包</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>热门搜索</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">探路者</a></li>
														<li><a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=6">阿迪达斯</a></li>
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>营地鞋</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
										
						</ul>
												<div class="menu_hide_logo">
							<!--一级分类	背景logo-->
							<div class="menu_hide_go">
								<h4>休闲裤</h4>
							</div>					
						</div>
						<!--二级分类-->
						<ul class="menu_hide_content">
										
						</ul>
									
					</div>
				</li>
								<li>
					<div class="menu_name name_logo_7">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=20">男鞋</a>				
					</div>
				</li>
				<li>
					<div class="menu_name name_logo_8">
						<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=20">童鞋</a>				
					</div>
				</li>
			</ul>				
		</div>
		
		<ul class="nav_center">
			<a href="index.php"><div class="home">首页</div></a>
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=14"                 class="hover"
               >运动休闲鞋</a>
				</li>		
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=15" >运动休闲服</a>
				</li>		
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=16" >跑步</a>
				</li>		
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=17" >篮球</a>
				</li>		
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=18" >足球</a>
				</li>		
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=19" >包包/配件</a>
				</li>		
						<li>
				<a href="http://localhost/scn/scn/index.php?m=Home&c=List&a=index&cid=20" >户外</a>
				</li>		
								
		</ul>
	</div>
</nav>
<!--endbanner-->

<!--current information-->
<div class="now_loc">
	您当前的位置：  
		<a href="">名鞋库</a>
		<?php foreach ($nowname as $k=>$v){?>
			<span> » </span>
			<a href=""><?php echo $v?></a>
		<?php }?>
</div>
<!--end current information-->
	
<!--Product Details-->		
<nav id="P_details">
	<div class="goods_picture">	
		<ul class="goods__pic_max">
			<?php foreach ($goodsData[0]['picture'] as $v){?>
				<li class="pic_x"><img src="<?php echo $v?>"/></li>
			<?php }?>
		</ul>
		<ul class="goods__pic_min">
			<!--原图的缩略图 	width:45px;heigth:45px-->
			<?php foreach ($goodsData[0]['picture'] as $v){?>			
			<li class="pic_n"><a href="javascript:;"><img src="<?php echo $v?>" alt="" /></a></li>
			<?php }?>
			
		</ul>
	</div>
	<!--商品信息-->
	<div class="goods_info">
		<div class="goods_info_title">
			<!--商品名称-->
			<h1><?php echo $goodsData[0]['gname']?></h1>
		</div>
		<ul class="goods_price">
			<li>
			吊  牌  价：
			<del>￥<?php echo $goodsData[0]['marketPrice']?></del>
			</li>
			<li>
			销  售  价：
			<span>￥</span><span class="mallPrice"><?php echo $goodsData[0]['mallPrice']?></span>
			<!--打折-->
			<span class="sale">（<?php echo round($goodsData[0]['mallPrice']/$goodsData[0]['marketPrice']*10,1)?>折）</span>		
			&nbsp;&nbsp;立省：<span id="price">￥</span><span class="discount "><?php echo $goodsData[0]['marketPrice']-$goodsData[0]['mallPrice']?></span>
			</li>
			<li>
			<!--好  评  度：  
			<i></i>
			<a class="comCount" href="">已有3人评论</a>-->
			</li>
			<li>
			运     &nbsp;   费： 
			普通快递
			</li>
			<!--货号-->
			<li class="lnumber">
			</li>			
		</ul>
		<div class="goods_size">
			
			<?php foreach ($sameType as $v){?>
			<ul class="goods_min_w">
				<span><?php echo $v['name']?>:</span>
				<li>	
				<?php foreach ($v['value'] as $vv){?>
					<a href="javascript:;" aId="<?php echo $vv['gaid']?>"><?php echo $vv['gvalue']?><i></i></a>		
				<?php }?>
				</li>
			</ul>
			<?php }?>
			
			<div class="goods_num">
				<span>购买数量:</span>
				<span class="num_min decrease"></span>
				<input class="goods_inputnum" type="text" value="1"/>
				<span class="num_min increase"></span>	
				<span class="inventory"></span>									
			</div>
			
			<!--按钮-->
			<div class="btn_bar">
				<div class="goods_ck_info">
					<!--您将购买

					<span>1</span>
					件

					<span>44/适合44的脚穿</span>
					颜色-->
				</div>
				<div class="btn_box">
					<input class="btn_buy" type="submit"  value=""/>
					<input class="btn_car" type="button" />
				</div>				
			</div>						
		</div>		
	</div>
</nav>
<!--end Product Details-->

<!--Shopcar dialog-->
<div id="btn_car_cover">
	<div class="dialog_title">
		<div class="dialog_close_btn"></div>
	</div>
	<div class="dialog_content">
		<div class="clearfix">
			<div class="span_auto">
				<img src="./Public/Home/images/buy.jpg" alt="" />
			</div>
			<div class="span_auto">
				<p class="span_auto_title">您选购的商品已经添加到购物车中</p>
				<br />
				<p class="span_auto_content">
					购物车共 有<b></b> 件商品，合计:<span>￥</span><span class="totleMoney">￥</span>					
				</p>
			</div>
			<a href="<?php echo U('FillInfo/index')?>">
			<input type="button" value="立即结算"/>
			</a>
			<a href="<?php echo U('List/index',['cid'=>$_GET['cid']])?>">继续购物>></a>
		</div>
	</div>
</div>
<!--end Shopcar dialog-->

<!--goods_mess-->
<nav id="goods_mess">
	<div class="goods_mess_tab">
		<div class="goods_mess_t">商品详情</div>
		<div class="goods_mess_t">顾客评论</div>
		<div class="goods_mess_t">销量信息</div>
	</div>
	<div class="goods_mess_cont">
		<!--详细信息-->
		<div class="goods_mess_c cont">
			<ul>
				<?php echo $goodsData[0]['content']?>
				<!--<li>
				品	牌：
				<span>后台数据</span>
				</li>-->				
			</ul>
			<!--<div class="pro"></div>-->
		</div>	
		<!--顾客评论-->
		<div class="comment cont">

			<!--<h1>放评论插件</h1>-->
		</div>
		<!--交易历史记录-->
		<div class="history cont">
			<div class="history_tab"><strong>总销量</strong></div>
			<div class="history_body">
				<table border="1" cellspacing="0" cellpadding="0" width="100%">
					<thead>
						<tr>
							<th width="30%">买家</th>
							<th>购买数量</th>
							<th width="30%">购买时间</th>
						</tr>
					</thead>
					<tbody>
						<!--<tr>
							<td>che***</td>
							<td>
								1 
								<span>( 42/适合42的脚穿、相片蓝+白+游戏宝蓝 )</span> 
							</td>
							<td>2016-08-05</td>
						</tr>-->
						
					</tbody>
				</table>
			</div>
			<!--成交数目-->
			<div class="tips">
				截至今日， 累计成交

				<!--<span>4</span>-->
				笔
			</div>
		</div>
	</div>
</nav>	

<!--回到首页-->
<a class="warp" href="<?php echo U('Index/index')?>"><img src="./Public/Home/images/Home.png"/></a>


<!--载入公共模板-->


<footer>
	<div class="foot_row">
		<div class="row">
			<div class="row_one">
				<!--版权-->
				<p>Copyright © 2016-09</p>
			</div>
			<div class="row_one">
				<!--备案号-->
				<p>云ICP备00000000号</p>
			</div>
			<div class="row_one">
				<!--网站信息-->
				<p>名鞋库 All Rights Reserved. </p>
			</div>
			<div class="row_one">
				<!--经营许可证-->
				<p>经营许可证云YN-0000000  </p>
			</div>
		</div>
		
		<div class="link">			
			<div class="Foot6">
				友情链接：
				<ul class="Foot7">
					<!--链接为5个，要改注意该js-->
					<li><a class="Foot6_text"href="https://www.baidu.com/">百度</a></li>
					<li><a class="Foot6_text"href="http://www.jd.com/">京东</a></li>					
					<li><a class="Foot6_text"href="https://www.taobao.com//">淘宝</a></li>					
					<li><a class="Foot6_text"href="https://www.tianmao.com//">天猫</a></li>					
				</ul>		
			</div>			
		</div>
	</div>
</footer>